<div class="ui-content">
    <div class="ui-content__introduce">
        <div class="ui-content__headPic">
            <p style="background-image:url({{avatar}})"></p>
            <!-- <img src="../../image/account/photo.png"> -->
        </div>
        <div class="ui-content__userName">
            {{nickname}}
        </div>
        <div class="ui-content__userIntro">
            {{userIntro}}
        </div>
    </div>
    <div class="ui-content__userInfos">
        <div class="userInfos__phone">
            <img src="../../image/account/phone.png">
            <span>当前绑定的手机</span>
            <p>{{telephone}}</p>
        </div>
        <div class="userInfos__inputOldPwd">
            <i></i>
            <input v-model="password" type="password" placeholder="旧密码" maxlength="16">
            <!-- <span v-touch:tap="onSendCodeTap" >{{codeText}}</span> -->
        </div>
        <div class="userInfos__inputNewPwd" v-show="state == 'loginPsw'">
            <i></i>
            <input v-model="inputNewPwd" type="password" placeholder="输入英文与数字组合，长度6到16位的新密码" maxlength="16">
        </div>
        <div class="userInfos__confirmNewPwd" v-show="state == 'loginPsw'">
            <i></i>
            <input v-model="confirmNewPwd" type="password" placeholder="确认新密码" maxlength="16">
        </div>
        <div class="userInfos__inputNewPwd" v-show="state == 'payPsw'">
            <i></i>
            <input v-model="inputNewPwd" type="password" placeholder="输入数字长度6的新密码" maxlength="6">
        </div>
        <div class="userInfos__confirmNewPwd" v-show="state == 'payPsw'">
            <i></i>
            <input v-model="confirmNewPwd" type="password" placeholder="确认新密码" maxlength="6">
        </div>
        <div class="ui-content__confirmChange">
            <div class="ui-content__confirmChangeBtn" v-touch:tap="onConfirmChangeTap">
                确认修改
            </div>
        </div>
    </div>
</div>